

<template>
  <swiper indicator-dots autoplay circular>
    <swiper-item v-for="item in bannerList" :key="item">
      <image class="swiper_image" :src="item" />
    </swiper-item>
  </swiper>
</template>

<script lang="ts" setup>
defineProps<{
  bannerList: string[]
}>()
</script>
<style lang="scss" scoped>
swiper {
  width: 100%;
  height: 310rpx;

  .swiper_image {
    width: 100%;
    height: 310rpx;
    border-radius: 10rpx;
  }
}
</style>
